<template>
  <div>
       <h1>我是子组件Child</h1>
       <!--原生DOM事件-->
       <button @click="callBack">点击我触发自定义事件study</button>
  </div>
</template>

<script>
export default {
  name: '',
  methods:{
    //按钮的回调函数
    callBack(){
      //调用$emit方法,触发自定义事件
      //this:当前组件实例 $emit-----发射、发送
      //两个参数:第一个参数,事件名  第二、三、N：都是给回调注入的参数
      this.$emit('study',{a:1,b:2});
    }
  }
}
</script>

<style scoped>
  div{
      width: 600px;
      height: 400px;
      background: red;
      margin: 20px auto;
  }
</style>
